<template>
    <div>
        <div class="ding">
            <span>我的订单</span>
            <span style="text-aline:center">查看全部订单></span>
        </div>
        <div class="dan">
            <span>待付款</span>
            <span>代发货</span>
            <span>待收货</span>
            <span>待评价</span>
            <span>退换/售后</span>
        </div>
        <div class="bao">
            <span style="border-right:1px solid gray">我的钱包</span>
            <span>积分</span>
            <span>红包卡券</span>
            <span>购物金</span>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
div{
    background-color: #fff;
    border-radius: 10px;
}
.ding{
    padding: 20px 30px 20px 30px;
    justify-content: space-between;
    display: flex;
    border-bottom: 10px solid #f5f5f5;
    line-height: 20px;
}
.dan{
    display: flex;
    justify-content: space-around;
    padding: 10px;
    border-bottom: 10px solid #f5f5f5;


    >span{
        flex: 1;
    }
}
.bao{
    display: flex;
    height: 60px;
    width: 96%;
    padding: 0 10px 0 10px;

    >span{
        line-height: 60px;
        display: inline-block;
        flex: 1;
        text-align: center;
    }
}
</style>